<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>行内元素</title>
		<style type="text/css">
			.wrap{
				width: 1200px;
				height: 900px;
				margin: 0 auto;
				background-color: #F4F4F4;
			}
		</style>
	</head>
	<body>
		<!-- 行内元素
		  1、常见的文本格式化标签
		  <span></span>没有任何的样式
			<b></b>加粗
			<i></i>倾斜 用于字体图标的样式  iconfont
			<u></u>下划线
			<strong>强调</strong>
			<sub>下标</sub>
			<sup>上标</sup>
			<pre></pre>保留空格  定义预格式文本
			<xmp></xmp> 可以保证我们html标签不被浏览器解析
		 2、<a href="javascript:;"></a>  链接
			属性：
			  href，必须有的 
				网址 、 当前目录下的一个网页
			  target  :默认 _self   _blank 窗口位置
			  id: 创建一个锚点  配合href属性使用#
			  download:指定下载的文件链接
		3、实体字符
			> &gt; greater than
			< &lt; less than
			空格  &nbsp; nb super
		 -->
		<div class="wrap" id="top">
			© &copy;€ ¥
			<a href="#shi" >去&nbsp;&nbsp;&nbsp;&nbsp;读&nbsp;&nbsp;&nbsp;&nbsp;诗</a>
			<a href="#ge">去听歌</a>
			<a href="#" download="../../img/0099822e42b4428cb25c4cdebc6ca53d.webp">去下载图片</a>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><span>我是一个span</span>
			<b>我是一个b标签</b>
			<i>我是一个i标签</i>
			<u>我是一个u标签</u>
			<strong>我是一个strong标签</strong>
			<em>我是一个em标签</em>
			100<sup>2</sup>米
			H<sub>2</sub>O
			&lt;h1&gt;这个是一个标题&lt;/h1&gt;
			<p>
				<span>现价：666元</span> <del>原价：999元</del>
			</p> 
			<pre id="shi">床前明月光，锚点
					<h1>标题</h1>	
			   疑是地上霜</pre> 
			 <xmp>标题的HTML代码标签为                <h1>标题</h1></xmp>
			 
			 <a href="../1-1/复习.html"  target="_blank">去复习</a>
			 <a href="http://www.qhdvtc.com">秦皇岛职业技术学院</a>
			 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			 
			 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			 <p id='ge'>我是一个歌曲</p>
			 <a href="#top">返回</a>
			 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
			 
			 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		</div>
		
		 
	</body>
</html>
